<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<style type="text/css">
			.wrapper {
				border: 1px solid blue ;
				margin: 15px ;
			}

			/* 后代选择器 */
			.wrapper .title {
				font-weight: bold ;
				margin: 10px ;
			}

			.wrapper div {
				margin: 10px ;
			}
		</style>
	</head>
	<body>
	
		<div class="wrapper">
			<p class="title">开发Servlet程序的四种方式</p>
			<div>
				<!-- 链接地址从 当前应用路径开始，比如 core 应用对应的路径是 /core -->
				<!-- <a href="/application-path/servlet-url-pattern" >文字链接</a> -->
				<a href="/core/primitive">第一种、刀耕火种 : 实现Servlet接口的所有抽象方法</a>
				&nbsp; | &nbsp;
				<a href="/core/primitive/servlet">第一种:刀耕火种-实现Servlet接口的所有抽象方法</a>
				<!-- 在应用路径之后紧跟的就是 Servet 的 url-pattern -->
			</div>
			
			<div>
				<a href="/core/universal">第二种、擒贼擒王 : 继承GenericServlet类并重写service方法</a>
				&nbsp; | &nbsp;
				<a href="/core/universal/suibian">测试URL匹配模式:路径匹配</a>
			</div>
			
			<div>
				<a href="/core/dispatcher">第三种、分而治之 : 继承HttpServlet类并重写doGet和doPost方法</a>
				&nbsp; | &nbsp;
				<a href="/core/gugu.huoguoer">测试URL匹配模式:路径匹配</a>
				<hr>
				
				<!-- form 元素表示页面上的表单(通过表单可以获取用户输入的或选择的数据) -->
				<!-- form 元素的 action 属性用于指定将来将表单提交给谁(即通过URL确定一个程序) -->
				<form action="/core/dispatcher" method="get" >
					用GET方式提交表单:
					<!-- input 元素是 替换元素 -->
					<input type="text" name="username" placeholder="请输入用户名">
					<input type="password" name="password" placeholder="请输入密码">
					<input type="submit" value="提交" >
				</form>
				<hr>
				<!-- form 元素的 method 属性用于指定采用哪种动作(即请求方式)将表单数据提交给action对应的程序 -->
				<form action="/core/dispatcher" method="post" >
					用POST方式提交表单:
					<!-- input 元素是 替换元素 -->
					<input type="text" name="username" placeholder="请输入用户名">
					<input type="password" name="password" placeholder="请输入密码">
					<input type="submit" value="提交" >
				</form>
			</div>
			
			<div>
				<a href="/core/general">第四种、殊途同归:继承HttpServlet类并重写service方法</a>
				<hr>
				
				<form action="/core/general" method="get" >
					用GET方式提交表单:
					<input type="text" name="username" placeholder="请输入用户名">
					<input type="password" name="password" placeholder="请输入密码">
					<input type="submit" value="提交" >
				</form>
				<hr>
				<form action="/core/general" method="post" >
					用POST方式提交表单:
					<input type="text" name="username" placeholder="请输入用户名">
					<input type="password" name="password" placeholder="请输入密码">
					<input type="submit" value="提交" >
				</form>
			</div>
			
		</div>
		
	</body>
</html>